form 表單驗證(即時)


Posted by mijouhsieh on 2023-08-19

  1. regexp 正規表示法
  2. 使用 event (change, input, submit)

regexp 正規表示法
驗證中文 [\u4e00-\u9fa5]
驗證英文字母:[a-zA-Z]
驗證數字:[0-9]
驗證中文、英文字母和數字和 _ 底線: ^[\u4e00-\u9fa5_a-zA-Z0-9]+$
驗證first name last name: /^[a-zA-Z]+ [a-zA-Z]+$/

const regName = /^[a-zA-Z]+ [a-zA-Z]+$/;
let name = document.querySelector('#nameInput').value;
if(!regName.test(name)){
    alert('Invalid name given.');
}else{
    alert('Valid name given.');
}

How to Validate First and Last Name with Regular Expression using JavaScript


#表單 #驗證輸入資料 #驗證 #validation #form validation







Related Posts

Firebase iOS (2) 實作帳號登入篇

Firebase iOS (2) 實作帳號登入篇

筆記、[NET101] 網路基礎概論 ( 2 )

筆記、[NET101] 網路基礎概論 ( 2 )

AppWorks School Batch #16 Front-End Class 學習筆記&心得(駐點階段四:個人專案~重構)

AppWorks School Batch #16 Front-End Class 學習筆記&心得(駐點階段四:個人專案~重構)


Comments